<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta property="og:url" content="https://gradio.app/" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="{{ config['thumbnail'] or '' }}" />
  <meta property="og:title" content="{{ config['title'] or '' }}" />
  <meta property="og:description" content="{{ config['description'] or '' }}" />
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:creator" content="@teamGradio">
  <meta name="twitter:title" content="{{ config['title'] or '' }}">
  <meta name="twitter:description" content="{{ config['description'] or '' }}">
  <meta name="twitter:image" content="{{ config['thumbnail'] or '' }}">
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-156449732-1"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
      dataLayer.push(arguments);
    }
    gtag('js', new Date());
    gtag('config', 'UA-156449732-1');
    try {
      window.config = {{ config|tojson }};
    } catch (e) {
      window.config = {};
    }
  </script>

  <title>Gradio</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
</head>

<body>
  <div id="root"></div>
</body>

</html>